<template>
       <div class="home_opinion_box" @click="opinion">
           <h1>意见收集箱</h1>
           <img src="/public/img/home/t01b8d976a9f12bd368.jpg" alt="">
       </div>
</template>

<!--意见收集-->
<script setup>
const opinion = ()=>{
    window.localStorage.setItem("Current_option", "-1");
    window.open("#/websiteHelp?choose="+2, '_blank');
}

</script>

<style scoped>
 .home_opinion_box{
     position: relative;
     overflow: hidden;
     height: 170px;
     cursor: pointer;
     background: white;
 }
 .home_opinion_box:hover img{
     transform: scale(1.02);
 }
 img{
     width: 100%;
     transition: all .3s;
 }
 h1{
     position: absolute;
     right: 10%;
     top: 10%;
     color: #fafbfc;
     text-shadow: 0 5px 20px #4f4949;
     z-index: 5;
 }
</style>